<template>
	<view class="container">
		<view class="content">
			<view class="content-item">
				<view class="title">
					受理范围
				</view>
				<!-- <uni-section class="mb-10" title="受理范围" titleFontSize="20px" type="line"></uni-section> -->
				<view class="text">
					1.在政务服务中推诿扯皮、敷衍塞责、冷硬横推、故意刁难，不作为、乱作为、慢作为、假作为等问题;<br>
					2.在政商交往过程中，利用职权或者职务影响以权谋私、吃拿卡要、索贿受贿，搞权钱交易、利益输送等问题;<br>
					3.选择性执法、多头执法，以罚代管、只罚不管，以及乱收费、乱罚款、乱摊派等问题;<br>
					4.违规干涉和插手工程项目、招投标、市场经营活动，开“影子公司”、当“影子股东”等问题;<br>
					5.其他玩忽职守、徇私舞弊、失职渎职滥用职权等侵害市场主体、损害营商环境的问题。
				</view>
			</view>
			<view class="content-item">
				<view class="title">
					不予受理范围
				</view>
				<!-- <uni-section class="mb-10" title="受理范围" titleFontSize="20px" type="line"></uni-section> -->
				<view class="text">
					1.属于市场主体之间民事纠纷的;<br>
					2.法律、法规或国家政策规定应当由市场主体、办事群众或其他组织先行处理的;<br>
					3.纪检监察机关已受理处置或作出处理又以同一事实或理由再次举报的;<br>
					4.无明确被举报人或被举报人无法查找的;<br>
					5.举报事项的内容不符合法律、法规规定的;<br>
					6.其他不属于纪检监察机关职责范围的。
				</view>
			</view>
			<view class="content-item">
				<view class="title">
					注意事项
				</view>
				<!-- <uni-section class="mb-10" title="受理范围" titleFontSize="20px" type="line"></uni-section> -->
				<view class="text">
					1.鼓励实名检举控告。纪检监察机关鼓励实名检举控告，对实名检举控告优先办理、优先处置、给予答复;<br>
					2.实事求是反映问题。检举控告人应当如实提供所掌握的全部情况和证据，对检举控告内容的真实性负责，不得夸大、歪曲事实;<br>
					3.严肃查处诬告陷害。纪检监察机关对属于诬告陷害的，依规依纪依法严肃处理或者移交有关机关依法处理。
				</view>
			</view>
		</view>
		
		<view class="confirm">
			<uni-data-checkbox multiple v-model="confirm" :localdata="range"></uni-data-checkbox>
		</view>
		
		<view class="btn">
			<button type="default" @click="onClickReport">我要求助</button>
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	import {barHeight, barTop} from '@/utils/bar.js'
	
	const confirm = ref([])
	const range = [
		{
			value: '0',
			text: '我已阅读并同意上述条款'
		}
	]
	
	/**
	 * 点击我要举报
	 */
	const onClickReport = () => {
		if (confirm.value.length == 0) {
			
		}
		uni.navigateTo({
			url:'/pages/fill-in-report/fill-in-report'
		})
	}
</script>

<style lang="scss" scoped>
	.container {
		box-sizing: border-box;
		padding: 20rpx 0;
		/* 兼容 iOS 设备 */
		padding-bottom: constant(safe-area-inset-bottom);
		/* 兼容 iPhone X 及以上设备 */
		padding-bottom: env(safe-area-inset-bottom);
		min-height: 100vh;
		background:
			linear-gradient(to bottom, transparent, #eef1f4 100%),
			linear-gradient(to bottom, rgba(21, 87, 176, 1) 40%, rgba(0, 212, 255, 1));
	}
	
	// .bg {
	// 	z-index: -1;
	// 	position: absolute;
	// 	top: 0;
	// 	left: 0;
	// 	right: 0;
	// 	height: 100%;
	// 	background:
	// 		linear-gradient(to bottom, transparent, #eef1f4 100%),
	// 		linear-gradient(to bottom, rgba(21, 87, 176, 1) 40%, rgba(0, 212, 255, 1));
	// }
	
	.content {
		width: calc(100vw - 60rpx);
		margin: 0 30rpx;
		padding: 40rpx 30rpx;
		box-sizing: border-box;
		background-color: #fff;
		border-radius: 20rpx;
		
		.content-item {
			margin-bottom: 20rpx;
		}
		
		.title {
			font-size: 44rpx;
			color: #fff;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 80rpx;
			background-color: #2E80EE;
			background: 
				linear-gradient(to right, #2E80EE 30%, #fff 80%);
			padding-left: 30rpx;
		}
		
		.text {
			font-size: 40rpx;
			padding-top: 30rpx;
			line-height: 68rpx;
			color: #0e0e0e;
		}
	}
	
	.btn {
		button {
			background-color: #2E80EE;
			color: #fff;
			width: 400rpx;
			height: 100rpx;
			line-height: 100rpx;
			border-radius: 100rpx;
		}
	}
	
	.confirm {
		margin: 40rpx 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	::v-deep {
		.checklist-text {
			display: flex;
			align-items: center;
			height: 50rpx;
			line-height: 50rpx;
			font-size: 36rpx !important;
			margin-left: 20rpx !important;
		}
		
		.checkbox__inner {
			scale: 1.4;
		}
	}
</style>
